<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href="<%=basePath%>">

		<title>My JSP 'find_event_level.jsp' starting page</title>

		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">

		<link type="text/css" href="/ag/css/dialog/jquery.ui.all.css"
			rel="stylesheet" />
		<script type="text/javascript" src="/ag/js/dialog/jquery-1.4.2.js"></script>
		<script type="text/javascript"
			src="/ag/css/dialog/jquery.bgiframe-2.1.1.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.core.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.widget.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.mouse.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.button.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.draggable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.position.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.resizable.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.ui.dialog.js"></script>
		<script type="text/javascript"
			src="/ag/js/dialog/jquery.effects.core.js"></script>
		<link rel="stylesheet" type="text/css" href="zrt/css/common.css">
		<script type="text/javascript" src="zrt/js/task_status.js"></script>

	</head>

	<body>
		<table width="100%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td height="30">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
      					<tr>
        					<td width="15" height="30"><img src="tab/images/tab_03.gif" width="15" height="30" /></td>
        					<td width="1270" background="tab/images/tab_05.gif">
        						<img src="tab/images/311.gif" width="16" height="16" /> 
        						<span class="STYLE4">任务状态</span>
       	    				</td>
        					<td width="300" background="tab/images/tab_05.gif"><button class="add"
									style="width: 50px; height: 25px; border: 0px"></button></td>
							<td width="180" background="tab/images/tab_05.gif"><button class="return"
									style="width: 50px; height: 25px; border: 0px"></button></td>
        					<td width="14"><img src="tab/images/tab_07.gif" width="14" height="30" /></td>
      					</tr>
    				</table>
				</td>
			</tr>
			<tr>
				<td>
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="9" background="tab/images/tab_12.gif">
								&nbsp;
							</td>
							<td bgcolor="#dceffd">
								<table width="99%" border="0" align="center" cellpadding="0"
									cellspacing="1" bgcolor="#84b1d3">
									<tr>
										<td width="8%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1" style="display: none">
											<div align="center" class="STYLE2 STYLE1">
												任务编码
											</div>
										</td>
										<td width="24%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2 STYLE1">
												任务状态
											</div>
										</td>
										<td width="7%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2">
												编辑
											</div>
										</td>
										<td width="7%" height="18" background="tab/images/tab_14.gif"
											class="STYLE1">
											<div align="center" class="STYLE2">
												删除
											</div>
										</td>
									</tr>

									<c:forEach var='uuu' items='${taskStatusList}'
										varStatus='status'>
										<tr>
											<td height="18" bgcolor="#FFFFFF" align="center"
												style="display: none">
												${uuu.tsId}
											</td>
											<td bgcolor="#FFFFFF" align="center">
												${uuu.tsName}
											</td>
											<td bgcolor="#FFFFFF" align="center">
												<img src="tab/images/037.gif" width="9" height="9" />
												<button class="modify"
													style="width: 50px; height: 25px; border: 0px"></button>
											</td>
											<td bgcolor="#FFFFFF" align="center">
												<button name=${uuu.tsId } class="delete"
													style="width: 50px; height: 25px; border: 0px"></button>
											</td>
				
										</tr>
									</c:forEach>

								</table>
							</td>
							<td width="9" background="tab/images/tab_16.gif">
								&nbsp;
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr>
				<td height="29">
					<table width="100%" border="0" cellspacing="0" cellpadding="0">
						<tr>
							<td width="15" height="29">
								<img src="tab/images/tab_20.gif" width="15" height="29" />
							</td>
							<td background="tab/images/tab_21.gif" width="100%">

							</td>
							<td width="14">
								<img src="tab/images/tab_22.gif" width="14" height="29" />
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>


		<div class="demo">
			<div id="dialog_add" title="增加">
				<p class="validateTips" style="font-size:12px">
					带"*"为必填项
				</p>

				<form>
					<fieldset>
						<label for="el" style="font-size:12px">
							任务状态*(不超过50个汉字)
						</label>
						<textarea name="tsName_add" id="tsName_add" rows="3"
							style="margin-bottom: 5px; width: 95%; padding: .4em; overflow-y: auto;font-size:12px"
							class="text ui-widget-content ui-corner-all"></textarea>
					</fieldset>
				</form>
			</div>

			<!-- 确认修改 -->
			<div id="modify_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定修改？
				</p>
			</div>

			<!-- 操作成功 -->
			<div id="operation_succ">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>操作成功
				</p>
			</div>
			
			<!-- 操作失败 -->
			<div id="operation_fail">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span><span id="fail_msg"></span>
				</p>
			</div>
			
			<!-- 操作失败之详细信息 -->
			<div id="operation_fail_detail">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span><span id="fail_detail" ></span>
				</p>
			</div>
			

			<!-- 确认增加-->
			<div id="add_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定增加此记录？
				</p>
			</div>

			<!-- 确认 删除-->
			<div id="delete_confirm">
				<p>
					<span class="ui-icon ui-icon-alert"
						style="float: left; margin: 0 7px 20px 0;"></span>确定删除此记录？
				</p>
			</div>

			<div id="dialog_modify" title="编辑">
				<p class="validateTips" style="font-size:12px">
					带"*"为必填项
				</p>

				<form>
					<fieldset>
						<label for="elId" style="display: none">
							Id
						</label>
						<input type="text" name="elId_modify" id="elId_modify"
							style="display: none"
							class="text ui-widget-content ui-corner-all" />
						<label for="el" style="font-size:12px">
							任务状态*(不超过50个汉字)
						</label>
						<textarea name="tsName_modify" id="tsName_modify" rows="3"
							style="margin-bottom: 12px; width: 95%; padding: .4em; overflow-y: auto;font-size:12px"
							class="text ui-widget-content ui-corner-all"></textarea>
					</fieldset>
				</form>
			</div>
		</div>

	</body>
</html>
